<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>专业数据处理平台</title>
    <meta name="description" content="这是一个 algorithmInfoUpdate 页面">
    <meta name="keywords" content="algorithmInfoUpdate">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="${ctx}/assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="${ctx}/assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="${ctx}/assets/css/bootstrap.css">
    <link rel="stylesheet" href="${ctx}/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="${ctx}/assets/css/admin.css">
    <link rel="stylesheet" href="${ctx}/assets/css/app.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/assets/css/xcConfirm.css"/>
</head>

<body data-type="chart">

<!--标题-->

<!--面包屑-->


<div class="tpl-portlet-components">
    <div class="portlet-title">
        <div class="caption font-green bold">
            算法组件信息修改
        </div>
    </div>
    <div class="am-tabs tpl-index-tabs" data-am-tabs="{noSwipe: 1}">
        <ul class="am-tabs-nav am-nav am-nav-tabs">
            <li class="am-active"><a href="#tab1">基本信息</a></li>
            <li><a href="#tab2">算法类型</a></li>
            <li><a href="#tab3">参数配置</a></li>
        </ul>

        <div class="am-tabs-bd">
            <div class="am-tab-panel am-fade am-in am-active" id="tab1">
                <div class="tpl-portlet-components">
                    <div class="portlet-title">
                        <div class="caption font-green">
                            算法基本信息
                        </div>
                    </div>
                    <div class="am-g tpl-amazeui-form">
                        <div class="am-u-sm-12 am-u-md-9">
                            <form class="am-form am-form-horizontal">
                                <label id="id" hidden="hidden">d</label>
                                <div class="am-form-group">
                                    <label for="name" class="am-u-sm-3 am-form-label">算法名称</label>
                                    <div class="am-u-sm-9">
                                        <input type="text" id="name" placeholder="算法名称">
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="version" class="am-u-sm-3 am-form-label">算法版本</label>
                                    <div class="am-u-sm-9">
                                        <input type="text" id="version" placeholder="请输入算法的版本号" disabled="true">
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="algorithm_function"
                                           class="am-u-sm-3 am-form-label">算法功能选择</label>
                                    <div class="am-u-sm-9 am-form">
                                        <select id="algorithm_function" class="am-u-sm=9">
                                            <option value="" disabled selected>-请按算法功能选择</option>
                                        </select>
                                    </div>
                                    <span class="am-form-caret"></span>
                                </div>

                                <div class="am-form-group">
                                    <label for="algorithm_function"
                                           class="am-u-sm-3 am-form-label">算法类型选择</label>
                                    <div class="am-u-sm-9 am-form">
                                        <select id="algorithm_type" class="am-u-sm=9">
                                            <option value="" disabled selected>-请按算法类型选择</option>
                                        </select>
                                    </div>
                                    <span class="am-form-caret"></span>
                                </div>

                                <div class="am-form-group am-form-file">
                                    <label for="file" class="am-u-sm-3 am-form-label">算法组件上传</label>
                                    <div class="am-u-sm-3">
                                        <button type="button" class="am-btn am-btn-default am-btn-sm">
                                            <i class="am-icon-cloud-upload"></i> 选择要上传的文件
                                        </button>
                                        <input type="file" id="file" onchange="fileShowMess(this)">
                                    </div>
                                    <label class="am-u-sm-6" id="fileShow_div" style="font-weight: 500;"></label>
                                </div>

                                <div class="am-form-group">
                                    <label for="algorithm_function"
                                           class="am-u-sm-3 am-form-label">开发单位</label>
                                    <div class="am-u-sm-9 am-form">
                                        <select id="company_name" class="am-u-sm-6">
                                            <option value="" disabled="disabled" selected="selected">-请选择算法开发单位</option>
                                        </select>
                                    </div>
                                    <span class="am-form-caret"></span>
                                </div>

                                <div class="am-form-group">
                                    <label for="introduction" class="am-u-sm-3 am-form-label">算法简介</label>
                                    <div class="am-u-sm-9">
                                                <textarea class="" rows="5" id="introduction"
                                                          placeholder="算法介绍"></textarea>
                                        <small>250字以内简介算法</small>
                                    </div>
                                </div>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="am-tab-panel am-fade" id="tab2">
                <div class="tpl-portlet-components">
                    <div class="portlet-title">
                        <div class="caption font-green">
                            算法类型
                        </div>
                    </div>
                    <div class="am-g tpl-amazeui-form">
                        <div class="am-u-sm-12 am-u-md-9">
                            <form class="am-form am-form-horizontal">

                                <div class="am-form-group">
                                    <label for="postfix" class="am-u-sm-3 am-form-label">算法功能选择</label>
                                    <div class="am-u-sm-9 am-form">
                                        <select id="postfix" class="am-u-sm=9">
                                            <option value="1" disabled selected>-请选择算法后缀</option>
                                            <option value="exe">.exe</option>
                                            <option value="dll">.dll</option>
                                            <option value="bat">.bat</option>
                                            <option value="so">.so</option>
                                            <option value="binary">.binary</option>
                                            <option value="">无</option>

                                        </select>
                                    </div>
                                    <span class="am-form-caret"></span>
                                </div>

                                <div class="am-form-group">
                                    <label for="platform" class="am-u-sm-3 am-form-label">算法功能选择</label>
                                    <div class="am-u-sm-9 am-form">
                                        <select id="platform" class="am-u-sm=9">
                                            <option value="" disabled selected>-请选择使用平台</option>
                                            <option value="windows">windows</option>
                                            <option value="linux">linux</option>
                                        </select>
                                    </div>
                                    <span class="am-form-caret"></span>
                                </div>

                                <div class="am-form-group">
                                    <label for="is_use_gpu" class="am-u-sm-3 am-form-label">是否使用GPU</label>
                                    <div class="am-u-sm-9">
                                        <label class="am-radio-inline">
                                            <input type="radio" id="is_use_gpu" value="true" name="GPU">是
                                        </label>
                                        <label class="am-radio-inline">
                                            <input type="radio" id="no_gpu" value="false" name="GPU">否
                                        </label>
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="is_use_mpi" class="am-u-sm-3 am-form-label">是否使用MPI</label>
                                    <div class="am-u-sm-9">
                                        <label class="am-radio-inline">
                                            <input type="radio" id="is_use_mpi" value="true" name="MPI">是
                                        </label>
                                        <label class="am-radio-inline">
                                            <input type="radio" id="no_mpi" value="false" name="MPI">否
                                        </label>
                                    </div>
                                </div>
                                <div class="am-form-group" id="cpunum_div" hidden>
                                    <label for="cpunum" class="am-u-sm-3 am-form-label">使用CPU个数</label>
                                    <div class="am-u-sm-6">
                                        <input type="text" id="cpunum" placeholder="CPU个数"/>
                                    </div>
                                    <p class="am-u-sm-3" id="check_cpunum_div" style="margin-top: 5px;"></p>
                                </div>
                                <div class="am-form-group">
                                    <label for="is_use_mpi" class="am-u-sm-3 am-form-label">是否是遗传算法</label>
                                    <div class="am-u-sm-9">
                                        <label class="am-radio-inline">
                                            <input type="radio" id="isGenetic" value="true" name="genetic">是
                                        </label>
                                        <label class="am-radio-inline">
                                            <input type="radio" id="noGenetic" value="false" name="genetic">否
                                        </label>
                                    </div>
                                </div>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="am-tab-panel am-fade" id="tab3">
                <div class="tpl-portlet-components">
                    <div class="portlet-title">
                        <div class="caption font-green">
                            参数配置
                        </div>
                        <div class="action" style="float: right;">
                            <ul class="actions-btn">
                                <li class="red-on" onclick="closeLayer()">取消</li>
                                <li class="green" onclick="update()">修改</li>
                            </ul>
                        </div>
                        <!--<button type="button" id="submit" class="am-btn am-btn-success  am-round submitBtn" onclick="submit()">注册 </button>-->
                    </div>
                    <div class="am-g tpl-amazeui-form">
                        <div class="am-u-sm-12 am-u-md-12">
                            <form class="am-form am-form-horizontal">

                                <div class="am-form-group am-u-sm-4 am-u-md-4">
                                    <div class="form-group col-sm-12">
                                        <label class="am-u-sm-5 am-form-label">输入文件</label>
                                        <div class="am-u-sm-7" style="padding-left: 2px;">
                                            <div class="am-btn-group">
                                                <button type="button" id="addInputBtn"
                                                        class="am-btn am-btn-primary am-round">
                                                    +
                                                </button>
                                                <label id="Num"
                                                       style="float: left; display: inline-block; line-height: 35px; width: 25px; text-align: center;">0</label>
                                                <button type="button" id="deleteInputBtn"
                                                        class="am-btn am-btn-success am-round" disabled="disabled">
                                                    -
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="InputArea" class="inputArea form-group col-sm-12 ">
                                    </div>
                                </div>

                                <div class="am-form-group am-u-sm-4 am-u-md-4">
                                    <div class="form-group col-sm-12">
                                        <label class="am-u-sm-5 am-form-label">输出文件</label>
                                        <div class="am-u-sm-7" style="padding-left: 2px;">
                                            <div class="am-btn-group">
                                                <!--<button type="button" class="am-btn am-btn-primary am-round">左手</button>-->
                                                <button type="button" id="addOutputBtn"
                                                        class="am-btn am-btn-primary am-round ">
                                                    +
                                                </button>
                                                <label id="outputNum"
                                                       style="float: left; display: inline-block; line-height: 35px; width: 25px; text-align: center;">0</label>
                                                <!--<input type="text" value="0" style="display: inline-block; width: 44.39px;">-->
                                                <button type="button" id="deleteOutputBtn"
                                                        class="am-btn am-btn-success  am-round" disabled="disabled">
                                                    -
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="outputArea" class="outputArea form-group col-sm-12">
                                    </div>
                                </div>

                                <div class="am-form-group am-u-sm-4 am-u-md-4">
                                    <div class="form-group col-sm-12">
                                        <label class="am-u-sm-5 am-form-label">执行参数</label>
                                        <div class="am-u-sm-7" style="padding-left: 2px;">
                                            <div class="am-btn-group">
                                                <button type="button" id="addParamBtn"
                                                        class="am-btn am-btn-primary am-round">
                                                    +
                                                </button>
                                                <label id="paramNum"
                                                       style="float: left; display: inline-block; line-height: 35px; width: 25px; text-align: center;">0</label>
                                                <button type="button" id="deleteParamBtn"
                                                        class="am-btn am-btn-success am-round" disabled="disabled">
                                                    -
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="paramArea" class="paramArea form-group col-sm-12">
                                    </div>
                                </div>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>


</div>


<script src="${ctx}/assets/js/jQuery/jquery.min.js"></script>
<script src="${ctx}/assets/js/jQuery/jquery-1.9.1.js"></script>
<script src="${ctx}/assets/js/common/amazeui.min.js"></script>
<script src="${ctx}/assets/js/common/xcConfirm.js"></script>
<script src="${ctx}/assets/js/common/config.js"></script>
<script src="${ctx}/assets/js/common/app.js"></script>
<script src="${ctx}/assets/js/layer/layer.js"></script>
<script src="${ctx}/assets/js/algorithm/algorithmInfoUpdate.js"></script>
</body>

</html>